<template>
   <div>
      <News id="News" class="box" v-if="NaviState==1"/>
      <Friend class="box" v-if="NaviState==2"/>
   </div>
</template>
<script>
import { mapState } from 'vuex'
import Friend from './Friend/Friend.vue'
import News from './News/News.vue'
  export default 
  {
     components: { News, Friend },
     name :'', 
     computed:{
        ...mapState('Chat',['NaviState'])
     }
  }
</script>
<style scoped lang='less'>
.box{
    width: 100%;
    height: 100%;
}
</style>